// The log table
html.debug {
//	padding-bottom: 90px;
}

#debug-logger {
	position: fixed;
	right: 0;
	bottom: 0;

	font-size: 12px;
	line-height: 1.2;
	color: #606060;
	text-shadow: none;
}

	#debug-logger table {
		width: 100%;
		margin: 0;
		border-spacing: 0;
	}

		// Log head
		#debug-logger table thead {
			border: 1px solid #a3a3a3;
			border-width: 1px 0;
		}

			#debug-logger table thead tr {
				display: block;
			}

				#debug-logger table thead tr th {
					background: #f2f1f0;

					display: table-cell;
					width: 100%;
					padding: 7px 15px;

					text-align: left;
					vertical-align: top;
				}

		// Log body
		#debug-logger table tbody {
			display: block;
			height: 25px;
			overflow: auto;

			@include transition(height .05s ease-in-out);
		}

		#debug-logger:hover table tbody {
			height: 200px;
		}

			#debug-logger table tbody tr {
				display: table-row;
			}

				#debug-logger table tbody tr td {
					background: #f9f8f7;

					display: table-cell;
					width: 100%;
					padding: 5px 15px;

					text-align: left;
					vertical-align: top;
				}

				#debug-logger table tbody tr:nth-child(odd) td {
					background: #fffefd;
				}

				#debug-logger table tbody tr:hover td {
					color: #111;
				}

	// Run time
	#debug-logger p {
		background: #f2f1f0;

		margin: 0;
		padding: 7px 15px;

		line-height: 1.2;

		border: 1px solid #a3a3a3;
		border-width: 1px 0 0 1px;
	}
